/**
 * 项目全局指令
 */

// 1. 给元素自动添加一个边框
export const border = {
  /**
   * 被绑定元素挂载就执行这个函数
   * @param {*} dom 使用指令的dom元素
   * @param {*} options 指令选项=>接收指定绑定的变量值:options.value
   */
  inserted (dom, options) {
    // console.log('指令参数：', dom, options)
    dom.style.border = `10px solid ${options.value || 'red'}`
  }
}

// 2. 处理图片加载失败，如果加载失败显示一个默认图片
export const imgError = {
  /**
   *
   * @param {*} dom img元素
   * @param {*} options
   */
  inserted (dom, options) {
    dom.onerror = () => {
      // == 图片加载失败会执行 ==
      // 说明：options.value默认图片
      dom.src = options.value
    }
  }
}

